<!-- <template>
  <div class="dashboard-container">
     <img src="@/assets/welcome.png" width="100%" height="100%">
  </div>
</template>

<script>
import { getIndexData } from "@/api/index.js";
export default {
  name: 'Dashboard',
  mounted () {
    getIndexData().then((result) => {
        console.log(result);
        //TODO 
    });
  }
}

</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
 -->
 <template>
  <div class="vr-container">
    <iframe
      src="https://www.4dkankan.com/panorama/showMobile.html?id=WK1535259331388338176&vr=fd720_K76nYIQZ9&lang=zh"
      frameborder="0"
      allowfullscreen
    ></iframe>
  </div>
</template>

<script>
import { getIndexData } from "@/api/index.js";
import { getToken } from '@/utils/auth';
export default {
  name: 'VRViewer',
  data(){
    return{
      token: {token: getToken()}
    }
    
  },
  mounted () {
    getIndexData().then((result) => {
        console.log(result);
        //TODO 
    });
  }
};
</script>

<style>
.vr-container {
 width: 100%;
  overflow: hidden;
  height: 100vh;
  margin: 0;
  padding: 0;
}
iframe{
  width: 100%;
  height: 100%;
  border: none;
  
}
</style>
